<template>
  <div class="detail-vo-wrapper ui piled segment" >
  <!--<div class="detail-vo-wrapper " >-->
      <p>hello</p>
      <p>{{vo}}</p>
    <button  class="ui circular icon button mini right floated" @click="hideDimmer">
      <i class="icon close"></i>
    </button>
    <div class="ui divided items">
      <div class="item">
        <div class="image">
          <p>item1</p>
        </div>
        <div class="middle aligned content">
          <div class="description">
            <p>aaaaaa</p>
          </div>

        </div>
      </div>
      <div class="item">
        <div class="image">
          <p>item1</p>
        </div>
        <div class="middle aligned content">
          <div class="description">
            <p>aaaaaa</p>
          </div>

        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import tool from 'src/util/tool';
  import util from '_util/index';
  import {mapState, mapMutations, mapGetters, mapActions} from 'vuex'

  function cl(msg) {
    console.log(msg)
  }
  export default{
    data(){
      return {};
    },
    methods: {
      hideDimmer(){
        this.$store.state.global.is_detail=false
      },
    },
    computed: {
      vo(){
        return this.editVo || {};
      },
      ...mapState(['editVo']),
    },
    components: {
    },
    props: [],
    created(){
    }
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../common/style/mixin";

  @dir: "common/";

  .fade-enter-active, .fade-leave-active {
    transition: all .5s;
    opacity: 1;
  }

  .fade-enter, .fade-leave-active {
    opacity: 0;
    /*background-color: rgba(7, 17, 27, 0);*/
  }

  .save-wrapper {

  }
</style>
